import { h } from 'snabbdom/build/package/h';
import { init } from 'snabbdom/build/package/init';
import { classModule } from 'snabbdom/build/package/modules/class';
import { eventListenersModule } from 'snabbdom/build/package/modules/eventlisteners';
import { styleModule } from 'snabbdom/build/package/modules/style';

// console.log(h);

// 对比两个vnode的差异更新到真实DOM
let patch = init([styleModule, classModule, eventListenersModule]);
// 第一个参数：标签 + 选择器
// 第二个参数：如果是字符串的话就是标签中的内容
let vnode = h('div#container.cls', 'Hello World');

let app = document.querySelector('#app');

// 第一个参数：可以是DOM元素，内部会把DOM元素转换为vnode
// 第二个参数：vnode
// 返回值：vnode
let oldVnode = patch(app, vnode);
console.log(oldVnode);
vnode = h('div', 'Hello Snabbdom');

console.log(vnode);

patch(oldVnode, h('!'));
// div中放置子元素 h1,p
